<h2>Button</h2>
<h3>Options:</h3>
<table class="table">
  <thead>
  <tr>
    <th>Name</th><th>Type</th><th>Default</th><th>Description</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>label</td>
    <td>string</td>
    <td>'OK'</td>
    <td>Label on the button</td>
  </tr>
  <tr>
    <td>type</td>
    <td>string</td>
    <td>The same as modal option type</td>
    <td></td>
  </tr>
  <tr>
    <td>icon</td>
    <td>string</td>
    <td>''</td>
    <td>Refer to the <a href="http://getbootstrap.com/components/#glyphicons" target="_blank">Glyphicons</a> component of bootstrap</td>
  </tr>
  <tr>
    <td>cssClass</td>
    <td>string</td>
    <td>''</td>
    <td>CSS class name for the button</td>
  </tr>
  <tr>
    <td>category</td>
    <td>string</td>
    <td>BootstrapDialog.BUTTON_TYPE.BUTTON</td>
    <td>button type: button/submit/reset</td>
  </tr>
  <tr>
    <td>size</td>
    <td>string</td>
    <td>BootstrapDialog.BUTTON_SIZE.NORMAL</td>
    <td>button size</td>
  </tr>
  <tr>
    <td>block</td>
    <td>boolean</td>
    <td>false</td>
    <td>if true, the button is a block box, else, it is inline</td>
  </tr>
  <tr>
    <td>disabled</td>
    <td>boolean</td>
    <td>false</td>
    <td>if true, the button is disabled</td>
  </tr>
  <tr>
    <td>preventDefault</td>
    <td>boolean</td>
    <td>false</td>
    <td>if true, the click event will return false</td>
  </tr>
  <tr>
    <td>action</td>
    <td>function</td>
    <td>null</td>
    <td>
      <p><code>function(self, dialog) {...}</code></p>
    </td>
  </tr>
  </tbody>
</table>
<h4>Example</h4>
<pre>#code
[{
  label: 'I am a button',
  type: Bootstrap.TYPE.PRIMARY
}, {
  label: 'I am another button',
  type: Bootstrap.TYPE.SUCCESS',
  disabled: true
}]
</pre>
<p>
  <button type="button" class="btn btn-primary">I am a button</button>
  <button type="button" class="btn btn-success disabled">I am another button</button>
</p>